@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;

}
/* html{
  height:1000px;
  } */
  body {
    margin: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei', Arial,Helvetica,sans-serif,'Arial Narrow',HELVETICA;background:#fff;-webkit-text-size-adjust:100%;
}

  img {
    border: none;
  }
  

  a {
    text-decoration: none;
    cursor:pointer;
  }

  p {
    margin: 0;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .clear:after{
    display: block;
    content:'';
    clear:both;
  }
  .clear{
    *zoom:1;
  }

  .ma{
    margin:0 auto;
  }

  .layout{
    width: 100%;
  }

  .fl{
    float:left;
  }

  .fr{
    float:right;
  }
  h1,h2,h3,h4{
    margin:0;
  }

  .divcenter{
    display: flex;
    justify-content: center;
    /* align-items: center; */
  }

  .head{
    width: 100%;
    height: 400px;
    background: url(../images/headbg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
  }


  .head1,.nav1,.cont,.foot1{
    width: 1200px;
  }


  .head2{
    width: 100%;
    height: 60px;
    background: url(../images/head1bg.png) top center no-repeat;
    background-size: cover;
    position: relative;
  }

  .headnr{
    width: 480px;
  }
  .ulhead{
    width: 50%;
    overflow: hidden;
    padding-top: 18px;
    float: left;
  }

  .ulhead li{
    float: left;
    border-left: 1px solid #fff;
    padding: 0px 5%;
    overflow: hidden;
  }

  .ulhead li a span{
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    float: right;
  }


  .search5{
    width:48%;
    height: 40px;
    border-radius:20px;
    border: 1px solid #fff;
    margin-top: 2%;
    background-color: rgba(255,255,255,50%);
    }
    
   
    
    .search5 input{
      padding-left: 2%;
      width:80%;
      float:left;
      border:0;
      background:none;
      font: 14px/40px "Microsoft YaHei";
      color: #fff;
     outline: none;
    }
    

    
    .search5 a .fdj{
      width: 17px;
      margin-top: 10px;
    }



    .headname{
        width: 745px;
        padding-top: 5%;
    }
    .headname img{
        width: 100%;
    }

    /* nav */
    .nav{
        width: 100%;
        height: 80px;
        background: url(../images/navbg.jpg);
        position: relative;
    }

    .nav2{
        width:100%;
      }
      
      .nav2 li{
      float:left;
      width:9%;
      font-size: 20px;
      line-height: 80px;
    text-align: center;
    padding: 0px 1%;
      }
    
      .nav2 li a{
        display: block;
        color: #1b1b1b;
      }



    
.banner{
  padding: 2% 0px;
  display: block;
  overflow: hidden;
}
      .banner img{
        width: 100%;
        display: block;
        transition:all 0.5s;
      }
      .banner img:hover{
        transform: scale(1.2);
      }

.news{
  width: 100%;
}

.lunbo{
  width: 53%;
}

.xwlist{
  width: 44%;
}

.xwlist h1{
  font-size: 30px;
  color: #b51b24;
}
.wxewm{
	width:200px;
	position:absolute;
	display:none;
}


/* 信息动态 */
.AccTab1 {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid grey;
}
.AccTab1 li {
  width: 20%;
  float: left;
}
.AccTab1 .active a {
  font-size: 18px;
border-bottom: 6px solid #b51b24;
  
}
.AccTab1 li a {
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  display: block;
  color: #000;
  font-weight: bold;
}
.tab-content .tab-pane {
  display: none;
  position: relative;
}
.tab-content .active {
  display: block;
}



.dtul{
width:100%;

}
.dtul li{
  width: 90%;
    line-height: 55px;
    list-style: disc;
    margin: 0 auto;
}

.dtul li a{
  display:block;
  float:left;
  width:100%;
  font-size: 16px;
  color: #1b1b1b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dtul li a:hover{
  color: #b51b24;
}

.more{
  position: absolute;
  top: -10%;
  right: 0px;
  color: #1b1b1b;
  text-align: center;
  font-size: 14px;
}


.dang{
  width: 100%;
  background: url(../images/contbg.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 2%;
}


.dang1{
  width: 30%;
  box-shadow: 0px 2px 20px 0px #c6c6c6;
  display: block;
  margin: 10% 0px;
  margin-right: 5%;
}

.dang2{
  width: 80%;
  margin: 10% auto;
}

.dang2 h1{
  font-size: 20px;
  line-height: 40px;
  
  color: #c7040c;
  text-align: center;
}
.dang2 h2{
  font-size: 40px;
  line-height: 80px;
  text-align: center;
  color: #000;
  font-family: "仿宋";
  font-weight: normal;
}

.dang2 p{
  font-size: 14px;
  padding-top: 10%;
  text-indent: 2em;
  color: #000;
  /* text-align-last:justify; */
  text-align: justify;
  text-justify: distribute-all-lines;
  // 这行必加，兼容ie浏览器
}


.dangwen{
  width: 30%;
  display: block;
  margin: 10% 0px;
  margin-right: 2%;
}

.dangwen h1{
  text-align: center;
  font-size: 20px;
  color: #c60000;
}

.dangwen img{
  width: 100%;
  display: block;
  padding: 2% 0px;
}

.dangwen p{
  text-indent: 2em;
  font-size: 14px;
  color: #000;
  /* text-align-last:justify; */
  text-align: justify;
  text-justify: distribute-all-lines;
  // 这行必加，兼容ie浏览器
}



.shhm{
  width: 30%;
  margin: 5% 0px;
}

.shhm h1{
font-size: 30px;
color: #c60000;
}

.shhmul{
  padding-top: 10%;
}
.shhm li {
  line-height: 33px;
}
.shhm li a{
font-size: 14px;
font-weight: bold;
}

.more1{
  width: 20%;
  color: #ae0000;
  line-height: 30px;
  border: 1px solid #ae0000;
  text-align: center;
  font-size: 14px;
  display: block;
  margin-top: 5%;
}



.banner1{
  padding-bottom: 2%;
}
.banner1 a{
  width: 49%;
  display: block;
  overflow: hidden;
}
.banner1 img{
  width: 100%;
display: block;
transition:all 0.5s;
}
.banner1 img:hover{
  transform: scale(1.2);
}


.kuang1{
  padding-bottom: 5%;
}

.kssh{
  width: 49%;
  box-shadow: 0px 2px 20px 0px #c6c6c6;
}

.kssh1{
  width: 90%;
  padding: 2% 0px;
}

.ksshtit{
  border-bottom: 1px solid #d00208;
  line-height: 60px;
}

.ksshtit h1{
  color: #d00208;
  font-size: 30px;
  display: block;
  float: left;
}
.ksshtit a{
  font-size: 14px;
  display: block;
  float: right;
  color: #000;
}


.ksshtab{
  padding: 2% 0px;
}
.ksshul li{
  line-height: 36px;
}
/* 口述上海 */
.AccTab2 {
  width: 40%;
  overflow: hidden;
  border-right: 1px solid grey;
}
.AccTab2 li {
  width: 100%;
  float: left;
}
.AccTab2 .active a {
  font-size: 16px;
border-bottom: 6px solid #b51b24;
  
}
.AccTab2 li a {
  font-size: 16px;
  line-height: 36px;
  color: #000;
  font-weight: bold;
}
.tab-content2{
  width: 55%;
}
.tab-content2 .tab-pane2 {
  display: none;
  position: relative;
}
.tab-content2 .active {
  display: block;
}


.ksshmore{
  top: -20%;
}


.dsjy h1{
  font-size: 30px;
  line-height: 60px;
  color: #d00208;
}



.dsjyul li {
  line-height: 36px;
}
/* 党史学习教育 */
.AccTab3 {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid grey;
  margin-bottom: 3%;
}
.AccTab3 li {
  width: 20%;
  float: left;
}
.AccTab3 .active a {
  font-size: 18px;
border-bottom: 6px solid #b51b24;
  
}
.AccTab3 li a {
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  display: block;
  color: #000;
  font-weight: bold;
}
.tab-content3 .tab-pane3 {
  display: none;
  position: relative;
}
.tab-content3 .active {
  display: block;
}

.dsjymore {
  top: -50%;
}



.bg{
  width: 100%;
  background: url(../images/bg.jpg);
}

.cont1{
  padding-top: 2%;
}

.cgzs {
  width: 49%;
  box-shadow: 0px 2px 20px 0px #c6c6c6;
  background-color: #fff;
}

.cgzs1 {
  width: 90%;
  padding: 2% 0px;
}

.cgzstit{
  border-bottom: 1px solid #d00208;
  line-height: 60px;
}

.cgzstit h1{
  color: #d00208;
  font-size: 30px;
  display: block;
  float: left;
}
.cgzstit a{
  font-size: 14px;
  display: block;
  float: right;
  color: #000;
}


/* 成果展示轮播图 */
.lbname{
  font-size: 16px;
  color: #c60000;
  padding: 5% 0px;
  font-weight: bold;
}

.lbpic{
  width: 60%;
}

.lbpic img{
  width: 100%;
  display: block;
}

.lbwen{
  width: 35%;
}

.lbwen p{

  font-size: 14px;
	color: #1b1b1b;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    /* text-align-last:justify; */
  text-align: justify;
  text-justify: distribute-all-lines;
  // 这行必加，兼容ie浏览器
}

.lbwen h1{
  font-size: 20px;
  color: #c60000;
  padding-bottom: 7%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/* 红色印痕 */
.AccTab4 {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid grey;
  margin-bottom: 3%;
}
.AccTab4 li {
  width: auto;
  float: left;
  padding-right: 5%;
}
.AccTab4 .active a {
  font-size: 18px;
border-bottom: 6px solid #b51b24;
  
}
.AccTab4 li a {
  font-size: 18px;
  line-height: 51px;
  text-align: center;
  display: block;
  color: #000;
  font-weight: bold;
}
.tab-content4 .tab-pane4 {
  display: none;
  position: relative;
}
.tab-content4 .active {
  display: block;
}



.divkuang{
  padding-bottom: 2%;
}

.lbpic video{
	width:100%;
	margin: 0 auto;
	display: block;
  height: 100%; 
  object-fit: fill
}


.gkqj{
  width: 40%;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #ae0000;
  border: 1px solid #ae0000;
  display: block;
  margin-top: 5%;
}
.gglul{
  padding-top: 22px;
}
.gglul li { 
  line-height: 40px;
}



/* 海上人物 */

.hsrwbg{
    width: 100%;
    background: url(../images/contbg1.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 5%;
}

.hsrw{
  width: 70%;
  padding-top: 5%;
}


.lunbo5{
  padding-top: 5%;
}

.lbpic1{
  width: 20%;
}

.lbwen1{
  width: 75%;
}

.ckxx{
  width: 12%;
}


/* 专题集锦 */
.zt{
  padding: 2% 0px;
}
.ztjj{
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 2px 20px 0px #c6c6c6;

}
.ztjj1{
width: 90%;
padding: 2% 0px;
}


.blank10 {
  height: 10px;
  clear: both;
  overflow: hidden;
}


.divimg{
  width: 32%;
  display: block;
  float: left;
  margin-right: 2%;
  overflow: hidden;
}
.divimg img{
width: 100%;
display: block;
transition:all 0.5s;
}
.divimg img:hover{
  transform: scale(1.2);
}

.divimg1{
  margin-right: 0px;
}

.divimg2{
  width: 49%;
  display: block;
  float: left;
  margin-right: 2%;
  overflow: hidden;
}
.divimg2 img{
width: 100%;
display: block;
transition:all 0.5s;
}
.divimg2 img:hover{
  transform: scale(1.2);
}
.divimg3{
  margin-right: 0px;
}


/* 友情链接 */
.yqlj{
  padding: 2% 0px;
}

.yqlj h1{
  font-size: 30px;
  text-align: center;
  color: #d00208;
}

.pd20 {
  padding-left: 2%;
}
.grey12 {
  color: #000;
  font-size: 16px;
}
.yqlj1{
  width: 100%;
  padding: 2% 0px;
display: flex;
flex-wrap: wrap;
}
.yqlj1 a{
margin-top:2%;
}
.yqlj2{
  width: 70%;
  padding-bottom: 5%;
}
.select1{
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  width:30%;
  padding: 0px 2%;
  margin-right:2%;
  border-radius: 30px;
  outline: none;
}


/* foot */
.foot{
  background-color: #ae0f17;
}
.foot1{
  padding:3% 0px;
}
.footul{
  overflow: hidden;
  padding-bottom: 3%;
}

.footul li{
  float: left;
  overflow: hidden;
  border-right: 1px solid #fff;
  padding: 0px 1.5%;
}
.footul li a{
  color:#fff;
  font-size: 20px;
}

.footul li:nth-child(9){
  border-right: none;
}


.footwen p{
  text-align: center;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-bottom: 1%;
}

.sjdh,.zhezhao,.sjnav{
  display: none;
}



/* gj */
.gj{
  padding: 5% 0px;
}
.linknav{
  width: 100%;
    font-size: 20px;
    line-height: 52px;
  }
  
  
  .linknav a{
    color:#1b1b1b;
  }
  
  .linknav span{
  color: #1b1b1b;	
  }

  .gjwen {
    width: 100%;
}
.gjwen h1 {
	width: 100%;
    font-size: 30px;
    text-align: center;
    padding: 5% 0px 2% 0px;
}

.gjwen span{
  font-size: 20px;
  padding-bottom: 5%;
	font-weight: normal;
	text-align: center;
  display: block;
}

.gjwen1 img{
  max-width:90%;
  display:block;
  margin:2% auto;
  }
  .gjwen1 p {
      line-height: 35px;
   
      font-size: 18px;
        /* text-align-last:justify; */
text-align:justify;
text-justify:distribute-all-lines; // 这行必加，兼容ie浏览器
  }


  /* 简介 */
  .video{
    padding-top: 5%;
  }
  .videofl{
    width: 33%;  

  }
  .videofl video{
    width:100%;
    margin: 0 auto;
    display: block;
    height: 100%; 
    object-fit: fill
  }

  .videofr{
    width: 60%;
    /*padding-top: 4%;*/
  }

  .videofr p{

    font-size: 20px;
    line-height: 40px;
    color: #000;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;*/
    /* text-align-last:justify; */
  text-align: justify;
  text-justify: distribute-all-lines;
  // 这行必加，兼容ie浏览器
  }

  .videobg{
    width: 100%;
    background: url(../images/bg.jpg);
  }
.vcont{
  width: 1318px;
}
  .videoul{
    padding-top:5%;
    overflow: hidden;
  }

  .videoul li{
width: 20%;
margin-left: 3%;
margin-bottom: 5%;
float: left;
overflow: hidden;
  }
.vpic{
  width: 100%;
  height: 186px;
  text-align:center;
}
.vpic img{
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}

.vwen{
  font-size: 22px;
  color: #1b1b1b;
  padding-top: 5%;
  text-align: center;
  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* list */
.listnav{
  line-height: 52px;
  border-bottom: 1px solid #d00208;
  padding-top: 2%;
}
.linknav1{
  width: 70%;
    font-size: 20px;
    
    float: left;
  }
  
  
  .linknav1 a{
    color:#1b1b1b;
  }
  
  .linknav1 span{
  color: #1b1b1b;	
  }

.listmore{
  float: right;
  font-size: 18px;
  color: #1b1b1b;
}
.ullist{
  width:100%;
  overflow:hidden;

  }

  .ullist li{
    width:100%;
    overflow:hidden;
      line-height:80px;
      border-bottom: 1px solid #cccccc;
      background: url(../images/ulli.png) 0px center no-repeat;
    }

    .ullist li a{
      width:75%;
      color:#1b1b1b;
      font-size:20px;
      display:block;
      float:left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
     padding-left: 3%;
      }
     
      
      .ullist li span{
        font-size: 18px;
        color: #1b1b1b;
        display: block;
        float: right;
      }
/* 图片 */
.tuul{
  padding-top: 0px;
}
/*分页*/
.Pages{ line-height:28px; zoom:1; text-align:center;color:#666; overflow:hidden; font-size:12px; padding:0px 0 38px;}
.Pages span{ padding:0px 6px; display: flex;
  justify-content: center;
  align-items: center;}
.Pages a{ display:inline-block;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{ display:none;}

.a_prev img,.a_next img{
  width: 30px;
  display: block;
}
.Pages .p_page em{ font-style:normal; font-family:"微软雅黑";}
.Pages .p_page .a_first,.Pages .p_page .a_end{ margin:0 2px;padding:0px 6px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next{ padding:0px 6px; margin:0 2px;}

.Pages .p_page em a{ padding:0px 10px; color:#666666; margin:0 2px;border-radius: 20px; }
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:#fff;border-color:#ab0b12;background:#ab0b12;border-radius: 20px;}
.Pages .p_page b{ font-weight:normal;}
/*分页*/




/* tuwenlist */
.tufl{
  width: 20.5%;
}
.tufl img{
  width: 100%;
  display: block;
}

.wenfr{
  width: 75%;
}
.tuwenlist1{
  padding: 5% 0px;
  display: block;
}

.wenfr h1{
  font-size: 30px;
  padding-bottom: 5%;
  color: #000;
}

.wenfr p{
  text-indent: 2em;
  font-size: 22px;
  line-height: 40px;
  color: #000;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    /* text-align-last:justify; */
  text-align: justify;
  text-justify: distribute-all-lines;
  // 这行必加，兼容ie浏览器
}



/* ds */
.ds{
  overflow: hidden;
}

.ds li{
  overflow: hidden;
  padding-bottom: 3%;
}
.ds li a{
  display: block;
}
.ds li a img{
  width: 100%;
  display: block;
}


@media screen and (max-width : 768px){

  .head1,.nav1,.cont,.foot1{
    width: 90%;
  }

  .head{
    height: 225px;
  }


  .headnr{
    width: 100%;
  }
  .headname{
    width: 90%;
    padding-top: 0px;
  }
  .ulhead{
    display: none;
  }
  .head2{
    background: none;
  }

  .nav2{
    display: none;
  }
.sjdh{
  display: block;
}
.sjdh span {
  padding-left: 6%;
  width: 40%;
  display: block;
  float: left;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
  color: #b51b24;
}
  .dh {
    width: 10%;
    float: right;
    display: block;
  }
  .dh img {
    width: 100%;
    height: auto;
    display: block;
  }




.lunbo,.xwlist{
  width: 100%;
}

.sjnav{
  width:100%;
  height:auto;
  position: absolute;top:40px;left:0px;
  background:#b92830;
  display: none;
  z-index: 100;
}

.sjnav a{
  width:100%;
  height:33px;
  line-height: 33px;
  text-align: center;
  display: block;
  font-size: 14px;
  color:#fafafa;
}

.sjnav a:hover{
  background: #b9686d;
}
.videofr{
  padding-top: 0px;
}
.videofr p {
  font-size: 18px;
  line-height: 30px;
}
.vcont{
  width: 100%;
}
.vpic {
  height: 122px;
}
.videoul li{
  width: 21%;
}
.vwen{
  font-size: 18px;
}

}



@media screen and (max-width : 480px){

.head{
  height: 160px;
}
.search5{
  height: 30px;
}
.search5 input{
  font: 12px/30px "Microsoft YaHei";
}
.search5 a .fdj{
  margin-top:6px;
}
.nav{
  height: 40px;
}
.sjdh span {
  padding-left: 6%;
  width: 40%;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #b51b24;
}


.gjwen1 p {
  line-height: 30px;
  text-indent: 2em;
  font-size: 14px;
  
}

.gjwen h1,.xwlist h1,.dang2 h1,.dang2 h2,.dangwen h1,.shhm h1,.ksshtit h1,.dsjy h1,.cgzstit h1,.yqlj h1{
    font-size: 16px;
  }
  .AccTab1 .active a,.AccTab1 li a,.AccTab3 li a,.AccTab3 .active a,.lbname,.AccTab4 .active a,.AccTab4 li a,.lbwen h1{
    font-size: 14px;
  }

  .gjwen span,.linknav,.more,.dtul li a,.dang2 p,.dangwen p,.AccTab2 .active a,.AccTab2 li a,.cgzstit a,.lbwen p,.grey12,.select1,.footul li a,.footwen p{
    font-size: 12px;
  }
  .dtul li,.AccTab2 li a{
    line-height: 30px;
  }

  .dang2 h1{
    line-height: 20px;
  }
  .dang2 h2{
    line-height: 40px;
  }

  .dsjy h1{
    line-height: 30px;
  }

  .divcenter{
    display:block;
    justify-content: center;
  }
  .dang1,.dangwen,.shhm,.lbpic,.lbwen,.hsrw,.yqlj2 {
    width: 100%;
  }
  .dang1{
    margin: 0;
    box-shadow:none;
  }
  .dang2{
    margin: 0 auto;
    padding-top: 10%;
  }



  .shhm h1{
    text-align: center;
  }
  .shhm{
    padding-bottom: 5%;
  }


  .kssh,.cgzs {
    width: 100%;
    margin-top: 5%;
  }


  .ksshtit,.cgzstit{
    line-height: 43px;
  }


  .lbpic1{
    width: 35%;
  }
  .lbwen1 {
    width: 60%;
}
.ckxx{
  width: 35%;
}
.hsrwbg{
  margin: 5% 0px;
}
.pd20{
  padding-left: 5%;
}

.select1 {
  height: 35px;
  line-height: 35px;
}
.footul li{
  margin-bottom: 2%;
}


.ztjj1 {
  width: 97%;
}

.videofl,.videofr{
  width: 100%;
}
.videofr p {
  font-size: 14px;
  line-height: 25px;
}
.videoul li {
  width: 45%;
}
.vwen {
  font-size: 14px;
  text-align: center;
}
.vwen img{
  width: 8%;
}

.tufl{
  width: 30%;
}
.wenfr{
  width: 65%;
}

.wenfr h1,.linknav1{
  font-size: 16px;
}
.wenfr p{
  font-size: 14px;
  line-height: 25px;
}
.ullist li a{
  font-size: 14px;
}
.listmore,.ullist li span{
  font-size: 12px;
}
.ullist li{
  line-height: 40px;
  background-size: 8px;
}
.ds li{
  padding-bottom: 13%;
}

}